<template>
  <div class="home-container bs">
    <p class="title">
      <img src="@/assets/img/icon/home/home-86.svg" alt="" />
      <span>个人收入</span>
    </p>
    <el-row :gutter="40">
      <el-col :span="6"><schedule :i="i"></schedule></el-col>
      <el-col :span="16">
        <home-list></home-list>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import schedule from './cpns/schedule.vue'
import HomeList from './cpns/home-list.vue'
export default defineComponent({
  name: 'home',
  props: ['i'],
  components: {
    schedule,
    HomeList
  }
})
</script>

<style lang="less" scoped>
.home-container {
  background-color: #f7f9fe;
  padding: 60px 80px 58px;
  height: 100vh;
  .title {
    margin-bottom: 13px;
    img {
      width: 26px;
      vertical-align: middle;
      margin-right: 10px;
    }
    line-height: 26px;
    color: #5198fe;
    font-size: 20px;
  }
}
</style>
